<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <img width="300" alt="Angular Logo"
       src="">
</div>
<h2>Here are some links to help you start: </h2>
<ul>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://angular.io/cli">CLI Documentation</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
  </li>
</ul>
<!--添加路由链接-->
<nav>
  <a routerLink="/heroes">heroes</a>
</nav>
<!--要显示 HeroesComponent 你必须把它加到壳组件 AppComponent 的模板中。-->
<!--别忘了，app-heroes 就是 HeroesComponent 的 元素选择器。 所以，只要把 <app-heroes> 元素添加到 AppComponent 的模板文件中就可以了，就放在标题下方。-->
<!--个人理解：把app-heroes这个组件（渲染出的html）导过来，拼接在一起-->

<!--<router-outlet> 会告诉路由器要在哪里显示路由的视图。-->
<router-outlet></router-outlet>

<app-messages></app-messages>
